<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<base href="<%=basePath%>">

		<title>My JSP 'addStep.jsp' starting page</title>

		<meta http-equiv="pragma" content="no-cache">
		<meta http-equiv="cache-control" content="no-cache">
		<meta http-equiv="expires" content="0">
		<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
		<meta http-equiv="description" content="This is my page">
		<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
		<link type="text/css" href="/ag/zhh/chat/css/addStep.css"
			rel="stylesheet" />

		<style type="text/css">
#dialog label,#dialog input {
	display: block;
}

#dialog label {
	margin-top: 0.5em;
}

#dialog input,#dialog textarea {
	width: 95%;
}

#tabs {
	margin-top: 1em;
}

#tabs li .ui-icon-close {
	float: left;
	margin: 0.4em 0.2em 0 0;
	cursor: pointer;
}

#add_tab {
	cursor: pointer;
}
</style>

		<link type="text/css" href="/ag/css/dialog/jquery.ui.all.css"
			rel="stylesheet" />
		<script type="text/javascript" src="/ag/js/dialog/jquery-1.4.2.js"></script>
		<script type="text/javascript"
			src="/ag/js/dialog/jquery.bgiframe-2.1.1.js"></script>
		<script type="text/javascript" src="/ag/js/dialog/jquery.ui.core.js"></script>
		<script type="text/javascript" src="/ag/js/dialog/jquery.ui.widget.js"></script>
		<script type="text/javascript" src="/ag/js/dialog/jquery.ui.mouse.js"></script>
		<script type="text/javascript"
			src="/ag/js/dialog/jquery.ui.draggable.js"></script>
		<script type="text/javascript"
			src="/ag/js/dialog/jquery.ui.position.js"></script>
		<script type="text/javascript"
			src="/ag/js/dialog/jquery.ui.resizable.js"></script>
		<script type="text/javascript" src="/ag/js/dialog/jquery.ui.dialog.js"></script>
		<script type="text/javascript"
			src="/ag/js/dialog/jquery.effects.core.js"></script>
		<script type="text/javascript" src="/ag/js/dialog/jquery.ui.tabs.js"></script>
		<script type="text/javascript" src="/ag/zhh/chat/js/addStep.js"></script>
		<script type="text/javascript" src="/ag/zhh/chat/js/tabs.js"></script>

		<script type="text/javascript">
		$(function(){
			
		});
		</script>

	</head>

	<body>
		<div class="demo">
    <table width="100%" border="0" align="center" cellpadding="0"
			cellspacing="0">
			<tr >
				<td height="30">
				<table width="100%" border="0" cellspacing="0" cellpadding="0">
      				<tr style="height:30px">
        				<td width="15" height="30"><img src="/ag/tab/images/tab_03.gif" width="15" height="30" /></td>
        				<td width="1690" background="/ag/tab/images/tab_05.gif">
       	    			</td>
        				<td width="14"><img src="/ag/tab/images/tab_07.gif" width="14" height="30" /></td>
      				</tr>
    			</table>
					
				</td>
			</tr>
			<tr>
				<td width="100%">
					<table width="100%" border="0" cellspacing="0" cellpadding="0" >
						<tr>
							<td width="9" background="/ag/tab/images/tab_12.gif">
								&nbsp;
							</td>
							<td>
								<table border="1" cellspacing="0" cellpadding="0" width="100%">
									<tr>
										<td width="10%">
											环节名称
										</td>
										<td>
											<input type="text" name="newStepName" class="newName"　id="new_name" style="width:90%"/>
										</td>
									</tr>
									
									<tr>
										<td colspan="2">
											环节内容<button id="addTab">增加</button>
											<div id="tabs">
												<ul>
												</ul>
											</div>
										</td>
									</tr>
									
									<tr>
										<td width="10%">
											备注
										</td>
										<td>
											<textarea id="newStepDescription" rows="2" style="width:90%"></textarea>
										</td>
									</tr>
									
									<tr>
										<td colspan="2" align="center">
											<span style="margin-right:20px">
												<button id="finish_tabs">提交</button>
											</span>
											<span>
												<button id="cancel_tabs">返回</button>
											</span>
										</td>
									</tr>
								</table>
							</td>
							<td width="9" background="/ag/tab/images/tab_16.gif">
								&nbsp;
							</td>
						</tr>
					</table>
				</td>
			</tr>
			<tr>
				<td height="29">
					<table width="100%" border="0" cellspacing="0" cellpadding="0">
						<tr>
							<td width="15" height="29">
								<img src="/ag/tab/images/tab_20.gif" width="15" height="29" />
							</td>
							<td background="/ag/tab/images/tab_21.gif" width="100%">

							</td>
							<td width="14">
								<img src="/ag/tab/images/tab_22.gif" width="14" height="29" />
							</td>
						</tr>
					</table>
				</td>
			</tr>
			
		</table>
		
		<div id="dialog" title="Tab data">
		<form>
			<fieldset class="ui-helper-reset">
				<label for="tab_content">类型</label>
				<select id="log_type">
					<option id="0">选择类型</option>
				</select>
				<label for="tab_content">内容</label>
				<textarea name="tab_content" id="tab_content" class="ui-widget-content ui-corner-all" rows="8"></textarea>
			</fieldset>
		</form>
	</div>
	</div>
	<!-- 获取事件ID -->
	<span style="display:none" id="eventId"><%=request.getParameter("eventId") %></span>
	<!-- 获取当前步骤ID -->
	<span style="display:none" id="curStepId"><%=request.getParameter("curStepId") %></span>
	
	</body>
</html>
